<template>
  <div class="MePage">
    <div class="top">
      <img src="../images/leftjiantou.png" alt="" @click="backBtn" />

      <div class="title">火火登录注册</div>
    </div>

    <!-- 验证区 -->

    <div class="yanzheng">
      <div class="yanzheng-phone">
        <div class="phoneSelect">
          <el-select v-model="value" placeholder="+86" size="mini">
            <el-option
              class="myinput"
              v-for="item in cities"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
              <span style="float: left">{{ item.label }}</span>
              <span style="float: right; color: #8492a6; font-size: 13px">{{
                item.value
              }}</span>
            </el-option>
          </el-select>
        </div>
        <input placeholder="请输入手机号" class="phone" v-model="num1" />
      </div>

      <!---->

      <div class="input-container">
        <input placeholder="请输入收到的验证码" type="label" v-model="num2" />
        <i class="icon icon-clear mobile-clear" style="display: none"></i>
        <button :class="{ active: isactive }" @click="yanzhengma">
          获取验证码
        </button>
      </div>
    </div>

    <button class="button1" @click="denglu" :class="{ active1: isactive1 }">
      登 录
    </button>
    <button class="button2">一键登录</button>

    <div class="divbtn">
      <div class="divbtn-1">账号密码登录</div>
      <div class="divbtn-2">手机快速注册</div>
    </div>

    <div class="shopcart_mod_title">
      <span class="shopcart_mod_title_text">其他登录方式</span>
    </div>

    <div class="tubiao">
      <div class="tubiao-qq">
        <img src="../images/QQ.png" alt="" />
        <div>QQ</div>
      </div>
      <div class="tubiao-wx">
        <img src="../images/weixin.png" alt="" />
        <div>微信</div>
      </div>
    </div>

    <p class="tongzhi">
      <span>未注册的手机号验证后将自动创建京东账号, </span>登录即代表您已同意<a
        href="https://ihelp.jd.com/n/help/tip/getTipsFacade.json?tipId=74"
        >京东隐私政策</a
      >
    </p>
  </div>

  <!--  -->
</template>

<script>
export default {
  value: "select-country",
  props: {
    value: {
      type: [String, Number, Array],
      default: "+86",
    },
  },
  methods: {
    backBtn() {
      this.$router.go(-1);
    },
    denglu() {
      if (this.num1 == 123 && this.num2 == 1234) {
        this.$store.commit("changedenglu");

        this.$router.push({
          path: "/mepage",
        });
      }
    },
    yanzhengma() {
      if (this.isactive == true) {
        this.isactive = false;
        alert(1234);
      }
    },
  },
  created() {
    window.parent.scrollTo(0, 0);
  },
  watch: {
    num1(newVal) {
      if (newVal == "123") {
        this.isactive = true;
      } else {
        this.isactive = false;
      }
    },
    num2(newVal) {

      if (newVal.length > 0) {
        this.isactive1 = true;
      } else {
        this.isactive1 = false;
      }
    },
  },
  data() {
    return {
      num1: "",
      num2: "",
      isactive: false,
      isactive1: false,
      cities: [
        {
          short: "AD",
          value: "安道尔共和国",
          en: "Andorra",
          label: "+376",
        },
        {
          short: "AE",
          value: "阿拉伯联合酋长国",
          en: "UnitedArabEmirates",
          label: "+971",
        },
        {
          short: "AF",
          value: "阿富汗",
          en: "Afghanistan",
          label: "+93",
        },
        {
          short: "AG",
          value: "安提瓜和巴布达",
          en: "AntiguaandBarbuda",
          label: "+1268",
        },
        {
          short: "AI",
          value: "安圭拉岛",
          en: "Anguilla",
          label: "+1264",
        },
        {
          short: "AL",
          value: "阿尔巴尼亚",
          en: "Albania",
          label: "+355",
        },
        {
          short: "AM",
          value: "亚美尼亚",
          en: "Armenia",
          label: "+374",
        },
        {
          short: "",
          value: "阿森松",
          en: "Ascension",
          label: "+247",
        },
        {
          short: "AO",
          value: "安哥拉",
          en: "Angola",
          label: "+244",
        },
        {
          short: "AR",
          value: "阿根廷",
          en: "Argentina",
          label: "+54",
        },
        {
          short: "AT",
          value: "奥地利",
          en: "Austria",
          label: "+43",
        },
        {
          short: "AU",
          value: "澳大利亚",
          en: "Australia",
          label: "+61",
        },
        {
          short: "AZ",
          value: "阿塞拜疆",
          en: "Azerbaijan",
          label: "+994",
        },
        {
          short: "BB",
          value: "巴巴多斯",
          en: "Barbados",
          label: "+1246",
        },
        {
          short: "BD",
          value: "孟加拉国",
          en: "Bangladesh",
          label: "+880",
        },
        {
          short: "BE",
          value: "比利时",
          en: "Belgium",
          label: "+32",
        },
        {
          short: "BF",
          value: "布基纳法索",
          en: "Burkina-faso",
          label: "+226",
        },
        {
          short: "BG",
          value: "保加利亚",
          en: "Bulgaria",
          label: "+359",
        },
        {
          short: "BH",
          value: "巴林",
          en: "Bahrain",
          label: "+973",
        },
        {
          short: "BI",
          value: "布隆迪",
          en: "Burundi",
          label: "+257",
        },
        {
          short: "BJ",
          value: "贝宁",
          en: "Benin",
          label: "+229",
        },
        {
          short: "BL",
          value: "巴勒斯坦",
          en: "Palestine",
          label: "+970",
        },
        {
          short: "BM",
          value: "百慕大群岛",
          en: "BermudaIs.",
          label: "+1441",
        },
        {
          short: "BN",
          value: "文莱",
          en: "Brunei",
          label: "+673",
        },
        {
          short: "BO",
          value: "玻利维亚",
          en: "Bolivia",
          label: "+591",
        },
        {
          short: "BR",
          value: "巴西",
          en: "Brazil",
          label: "+55",
        },
        {
          short: "BS",
          value: "巴哈马",
          en: "Bahamas",
          label: "+1242",
        },
        {
          short: "BW",
          value: "博茨瓦纳",
          en: "Botswana",
          label: "+267",
        },
        {
          short: "BY",
          value: "白俄罗斯",
          en: "Belarus",
          label: "+375",
        },
        {
          short: "BZ",
          value: "伯利兹",
          en: "Belize",
          label: "+501",
        },
        {
          short: "CA",
          value: "加拿大",
          en: "Canada",
          label: "+1",
        },
        {
          short: "",
          value: "开曼群岛",
          en: "CaymanIs.",
          label: "+1345",
        },
        {
          short: "CF",
          value: "中非共和国",
          en: "CentralAfricanRepublic",
          label: "+236",
        },
        {
          short: "CG",
          value: "刚果",
          en: "Congo",
          label: "+242",
        },
        {
          short: "CH",
          value: "瑞士",
          en: "Switzerland",
          label: "+41",
        },
        {
          short: "CK",
          value: "库克群岛",
          en: "CookIs.",
          label: "+682",
        },
        {
          short: "CL",
          value: "智利",
          en: "Chile",
          label: "+56",
        },
        {
          short: "CM",
          value: "喀麦隆",
          en: "Cameroon",
          label: "+237",
        },
        {
          short: "CN",
          value: "中国",
          en: "China",
          label: "+86",
        },
        {
          short: "CO",
          value: "哥伦比亚",
          en: "Colombia",
          label: "+57",
        },
        {
          short: "CR",
          value: "哥斯达黎加",
          en: "CostaRica",
          label: "+506",
        },

        {
          short: "CU",
          value: "古巴",
          en: "Cuba",
          label: "+53",
        },
        {
          short: "CY",
          value: "塞浦路斯",
          en: "Cyprus",
          label: "+357",
        },
        {
          short: "CZ",
          value: "捷克",
          en: "CzechRepublic",
          label: "+420",
        },
        {
          short: "DE",
          value: "德国",
          en: "Germany",
          label: "+49",
        },
        {
          short: "DJ",
          value: "吉布提",
          en: "Djibouti",
          label: "+253",
        },
        {
          short: "DK",
          value: "丹麦",
          en: "Denmark",
          label: "+45",
        },
        {
          short: "DO",
          value: "多米尼加共和国",
          en: "DominicaRep.",
          label: "+1890",
        },
        {
          short: "DZ",
          value: "阿尔及利亚",
          en: "Algeria",
          label: "+213",
        },
        {
          short: "EC",
          value: "厄瓜多尔",
          en: "Ecuador",
          label: "+593",
        },
        {
          short: "EE",
          value: "爱沙尼亚",
          en: "Estonia",
          label: "+372",
        },
        {
          short: "EG",
          value: "埃及",
          en: "Egypt",
          label: "+20",
        },
        {
          short: "ES",
          value: "西班牙",
          en: "Spain",
          label: "+34",
        },
        {
          short: "ET",
          value: "埃塞俄比亚",
          en: "Ethiopia",
          label: "+251",
        },
        {
          short: "FI",
          value: "芬兰",
          en: "Finland",
          label: "+358",
        },
        {
          short: "FJ",
          value: "斐济",
          en: "Fiji",
          label: "+679",
        },
        {
          short: "FR",
          value: "法国",
          en: "France",
          label: "+33",
        },
        {
          short: "GA",
          value: "加蓬",
          en: "Gabon",
          label: "+241",
        },
        {
          short: "GB",
          value: "英国",
          en: "UnitedKiongdom",
          label: "+44",
        },
        {
          short: "GD",
          value: "格林纳达",
          en: "Grenada",
          label: "+1809",
        },
        {
          short: "GE",
          value: "格鲁吉亚",
          en: "Georgia",
          label: "+995",
        },
        {
          short: "GF",
          value: "法属圭亚那",
          en: "FrenchGuiana",
          label: "+594",
        },
        {
          short: "GH",
          value: "加纳",
          en: "Ghana",
          label: "+233",
        },
        {
          short: "GI",
          value: "直布罗陀",
          en: "Gibraltar",
          label: "+350",
        },
        {
          short: "GM",
          value: "冈比亚",
          en: "Gambia",
          label: "+220",
        },
        {
          short: "GN",
          value: "几内亚",
          en: "Guinea",
          label: "+224",
        },
        {
          short: "GR",
          value: "希腊",
          en: "Greece",
          label: "+30",
        },
        {
          short: "GT",
          value: "危地马拉",
          en: "Guatemala",
          label: "+502",
        },
        {
          short: "GU",
          value: "关岛",
          en: "Guam",
          label: "+1671",
        },
        {
          short: "GY",
          value: "圭亚那",
          en: "Guyana",
          label: "+592",
        },
        {
          short: "HK",
          value: "香港特别行政区",
          en: "Hongkong",
          label: "+852",
        },
        {
          short: "HN",
          value: "洪都拉斯",
          en: "Honduras",
          label: "+504",
        },
        {
          short: "HT",
          value: "海地",
          en: "Haiti",
          label: "+509",
        },
        {
          short: "HU",
          value: "匈牙利",
          en: "Hungary",
          label: "+36",
        },
        {
          short: "ID",
          value: "印度尼西亚",
          en: "Indonesia",
          label: "+62",
        },
        {
          short: "IE",
          value: "爱尔兰",
          en: "Ireland",
          label: "+353",
        },
        {
          short: "IL",
          value: "以色列",
          en: "Israel",
          label: "+972",
        },
        {
          short: "IN",
          value: "印度",
          en: "India",
          label: "+91",
        },
        {
          short: "IQ",
          value: "伊拉克",
          en: "Iraq",
          label: "+964",
        },
        {
          short: "IR",
          value: "伊朗",
          en: "Iran",
          label: "+98",
        },
        {
          short: "IS",
          value: "冰岛",
          en: "Iceland",
          label: "+354",
        },
        {
          short: "IT",
          value: "意大利",
          en: "Italy",
          label: "+39",
        },
        {
          short: "",
          value: "科特迪瓦",
          en: "IvoryCoast",
          label: "+225",
        },
        {
          short: "JM",
          value: "牙买加",
          en: "Jamaica",
          label: "+1876",
        },
        {
          short: "JO",
          value: "约旦",
          en: "Jordan",
          label: "+962",
        },
        {
          short: "JP",
          value: "日本",
          en: "Japan",
          label: "+81",
        },
        {
          short: "KE",
          value: "肯尼亚",
          en: "Kenya",
          label: "+254",
        },
        {
          short: "KG",
          value: "吉尔吉斯坦",
          en: "Kyrgyzstan",
          label: "+331",
        },
        {
          short: "KH",
          value: "柬埔寨",
          en: "Kampuchea(Cambodia)",
          label: "+855",
        },
        {
          short: "KP",
          value: "朝鲜",
          en: "NorthKorea",
          label: "+850",
        },
        {
          short: "KR",
          value: "韩国",
          en: "Korea",
          label: "+82",
        },
        {
          short: "KT",
          value: "科特迪瓦共和国",
          en: "RepublicofIvoryCoast",
          label: "+225",
        },
        {
          short: "KW",
          value: "科威特",
          en: "Kuwait",
          label: "+965",
        },
        {
          short: "KZ",
          value: "哈萨克斯坦",
          en: "Kazakstan",
          label: "+327",
        },
        {
          short: "LA",
          value: "老挝",
          en: "Laos",
          label: "+856",
        },
        {
          short: "LB",
          value: "黎巴嫩",
          en: "Lebanon",
          label: "+961",
        },
        {
          short: "LC",
          value: "圣卢西亚",
          en: "St.Lucia",
          label: "+1758",
        },
        {
          short: "LI",
          value: "列支敦士登",
          en: "Liechtenstein",
          label: "+423",
        },
        {
          short: "LK",
          value: "斯里兰卡",
          en: "SriLanka",
          label: "+94",
        },
        {
          short: "LR",
          value: "利比里亚",
          en: "Liberia",
          label: "+231",
        },
        {
          short: "LS",
          value: "莱索托",
          en: "Lesotho",
          label: "+266",
        },
        {
          short: "LT",
          value: "立陶宛",
          en: "Lithuania",
          label: "+370",
        },
        {
          short: "LU",
          value: "卢森堡",
          en: "Luxembourg",
          label: "+352",
        },
        {
          short: "LV",
          value: "拉脱维亚",
          en: "Latvia",
          label: "+371",
        },
        {
          short: "LY",
          value: "利比亚",
          en: "Libya",
          label: "+218",
        },
        {
          short: "MA",
          value: "摩洛哥",
          en: "Morocco",
          label: "+212",
        },
        {
          short: "MC",
          value: "摩纳哥",
          en: "Monaco",
          label: "+377",
        },
        {
          short: "MD",
          value: "摩尔多瓦",
          en: "Moldova,Republicof",
          label: "+373",
        },
        {
          short: "MG",
          value: "马达加斯加",
          en: "Madagascar",
          label: "+261",
        },
        {
          short: "ML",
          value: "马里",
          en: "Mali",
          label: "+223",
        },
        {
          short: "MM",
          value: "缅甸",
          en: "Burma",
          label: "+95",
        },
        {
          short: "MN",
          value: "蒙古",
          en: "Mongolia",
          label: "+976",
        },
        {
          short: "MO",
          value: "澳门",
          en: "Macao",
          label: "+853",
        },
        {
          short: "MS",
          value: "蒙特塞拉特岛",
          en: "MontserratIs",
          label: "+1664",
        },
        {
          short: "MT",
          value: "马耳他",
          en: "Malta",
          label: "+356",
        },
        {
          short: "",
          value: "马里亚那群岛",
          en: "MarianaIs",
          label: "+1670",
        },
        {
          short: "",
          value: "马提尼克",
          en: "Martinique",
          label: "+596",
        },
        {
          short: "MU",
          value: "毛里求斯",
          en: "Mauritius",
          label: "+230",
        },
        {
          short: "MV",
          value: "马尔代夫",
          en: "Maldives",
          label: "+960",
        },
        {
          short: "MW",
          value: "马拉维",
          en: "Malawi",
          label: "+265",
        },
        {
          short: "MX",
          value: "墨西哥",
          en: "Mexico",
          label: "+52",
        },
        {
          short: "MY",
          value: "马来西亚",
          en: "Malaysia",
          label: "+60",
        },
        {
          short: "MZ",
          value: "莫桑比克",
          en: "Mozambique",
          label: "+258",
        },
        {
          short: "NA",
          value: "纳米比亚",
          en: "Namibia",
          label: "+264",
        },
        {
          short: "NE",
          value: "尼日尔",
          en: "Niger",
          label: "+977",
        },
        {
          short: "NG",
          value: "尼日利亚",
          en: "Nigeria",
          label: "+234",
        },
        {
          short: "NI",
          value: "尼加拉瓜",
          en: "Nicaragua",
          label: "+505",
        },
        {
          short: "NL",
          value: "荷兰",
          en: "Netherlands",
          label: "+31",
        },
        {
          short: "NO",
          value: "挪威",
          en: "Norway",
          label: "+47",
        },
        {
          short: "NP",
          value: "尼泊尔",
          en: "Nepal",
          label: "+977",
        },
        {
          short: "",
          value: "荷属安的列斯",
          en: "NetheriandsAntilles",
          label: "+599",
        },
        {
          short: "NR",
          value: "瑙鲁",
          en: "Nauru",
          label: "+674",
        },
        {
          short: "NZ",
          value: "新西兰",
          en: "NewZealand",
          label: "+64",
        },
        {
          short: "OM",
          value: "阿曼",
          en: "Oman",
          label: "+968",
        },
        {
          short: "PA",
          value: "巴拿马",
          en: "Panama",
          label: "+507",
        },
        {
          short: "PE",
          value: "秘鲁",
          en: "Peru",
          label: "+51",
        },
        {
          short: "PF",
          value: "法属玻利尼西亚",
          en: "FrenchPolynesia",
          label: "+689",
        },
        {
          short: "PG",
          value: "巴布亚新几内亚",
          en: "PapuaNewCuinea",
          label: "+675",
        },
        {
          short: "PH",
          value: "菲律宾",
          en: "Philippines",
          label: "+63",
        },
        {
          short: "PK",
          value: "巴基斯坦",
          en: "Pakistan",
          label: "+92",
        },
        {
          short: "PL",
          value: "波兰",
          en: "Poland",
          label: "+48",
        },
        {
          short: "PR",
          value: "波多黎各",
          en: "PuertoRico",
          label: "+1787",
        },
        {
          short: "PT",
          value: "葡萄牙",
          en: "Portugal",
          label: "+351",
        },
        {
          short: "PY",
          value: "巴拉圭",
          en: "Paraguay",
          label: "+595",
        },
        {
          short: "QA",
          value: "卡塔尔",
          en: "Qatar",
          label: "+974",
        },
        {
          short: "",
          value: "留尼旺",
          en: "Reunion",
          label: "+262",
        },
        {
          short: "RO",
          value: "罗马尼亚",
          en: "Romania",
          label: "+40",
        },
        {
          short: "RU",
          value: "俄罗斯",
          en: "Russia",
          label: "+7",
        },
        {
          short: "SA",
          value: "沙特阿拉伯",
          en: "SaudiArabia",
          label: "+966",
        },
        {
          short: "SB",
          value: "所罗门群岛",
          en: "SolomonIs",
          label: "+677",
        },
        {
          short: "SC",
          value: "塞舌尔",
          en: "Seychelles",
          label: "+248",
        },
        {
          short: "SD",
          value: "苏丹",
          en: "Sudan",
          label: "+249",
        },
        {
          short: "SE",
          value: "瑞典",
          en: "Sweden",
          label: "+46",
        },
        {
          short: "SG",
          value: "新加坡",
          en: "Singapore",
          label: "+65",
        },
        {
          short: "SI",
          value: "斯洛文尼亚",
          en: "Slovenia",
          label: "+386",
        },
        {
          short: "SK",
          value: "斯洛伐克",
          en: "Slovakia",
          label: "+421",
        },
        {
          short: "SL",
          value: "塞拉利昂",
          en: "SierraLeone",
          label: "+232",
        },
        {
          short: "SM",
          value: "圣马力诺",
          en: "SanMarino",
          label: "+378",
        },
        {
          short: "",
          value: "东萨摩亚(美)",
          en: "SamoaEastern",
          label: "+684",
        },
        {
          short: "",
          value: "西萨摩亚",
          en: "SanMarino",
          label: "+685",
        },
        {
          short: "SN",
          value: "塞内加尔",
          en: "Senegal",
          label: "+221",
        },
        {
          short: "SO",
          value: "索马里",
          en: "Somali",
          label: "+252",
        },
        {
          short: "SR",
          value: "苏里南",
          en: "Surivalue",
          label: "+597",
        },
        {
          short: "ST",
          value: "圣多美和普林西比",
          en: "SaoTomeandPrincipe",
          label: "+239",
        },
        {
          short: "SV",
          value: "萨尔瓦多",
          en: "EISalvador",
          label: "+503",
        },
        {
          short: "SY",
          value: "叙利亚",
          en: "Syria",
          label: "+963",
        },
        {
          short: "SZ",
          value: "斯威士兰",
          en: "Swaziland",
          label: "+268",
        },
        {
          short: "TD",
          value: "乍得",
          en: "Chad",
          label: "+235",
        },
        {
          short: "TG",
          value: "多哥",
          en: "Togo",
          label: "+228",
        },
        {
          short: "TH",
          value: "泰国",
          en: "Thailand",
          label: "+66",
        },
        {
          short: "TJ",
          value: "塔吉克斯坦",
          en: "Tajikstan",
          label: "+992",
        },
        {
          short: "TM",
          value: "土库曼斯坦",
          en: "Turkmenistan",
          label: "+993",
        },
        {
          short: "TN",
          value: "突尼斯",
          en: "Tunisia",
          label: "+216",
        },
        {
          short: "TO",
          value: "汤加",
          en: "Tonga",
          label: "+676",
        },
        {
          short: "TR",
          value: "土耳其",
          en: "Turkey",
          label: "+90",
        },
        {
          short: "TT",
          value: "特立尼达和多巴哥",
          en: "TrinidadandTobago",
          label: "+1809",
        },
        {
          short: "TW",
          value: "台湾省",
          en: "Taiwan",
          label: "+886",
        },
        {
          short: "TZ",
          value: "坦桑尼亚",
          en: "Tanzania",
          label: "+255",
        },
        {
          short: "UA",
          value: "乌克兰",
          en: "Ukraine",
          label: "+380",
        },
        {
          short: "UG",
          value: "乌干达",
          en: "Uganda",
          label: "+256",
        },
        {
          short: "US",
          value: "美国",
          en: "UnitedStatesofAmerica",
          label: "+1",
        },
        {
          short: "UY",
          value: "乌拉圭",
          en: "Uruguay",
          label: "+598",
        },
        {
          short: "UZ",
          value: "乌兹别克斯坦",
          en: "Uzbekistan",
          label: "+233",
        },
        {
          short: "VC",
          value: "圣文森特岛",
          en: "SaintVincent",
          label: "+1784",
        },
        {
          short: "VE",
          value: "委内瑞拉",
          en: "Venezuela",
          label: "+58",
        },
        {
          short: "VN",
          value: "越南",
          en: "Vietnam",
          label: "+84",
        },
        {
          short: "YE",
          value: "也门",
          en: "Yemen",
          label: "+967",
        },
        {
          short: "YU",
          value: "南斯拉夫",
          en: "Yugoslavia",
          label: "+381",
        },
        {
          short: "ZA",
          value: "南非",
          en: "SouthAfrica",
          label: "+27",
        },
        {
          short: "ZM",
          value: "赞比亚",
          en: "Zambia",
          label: "+260",
        },
        {
          short: "ZR",
          value: "扎伊尔",
          en: "Zaire",
          label: "+243",
        },
        {
          short: "ZW",
          value: "津巴布韦",
          en: "Zimbabwe",
          label: "+263",
        },
      ],
    };
  },
};
</script>

<style scoped>
.MePage {
  background: #fff;
  padding: 0 1.5625rem 1.5625rem;
}
.top {
  height: 2.75rem;
  display: flex;
  margin: 0;
  padding: 0;
  width: 16.875rem;
  font-size: 1.0625rem;
  text-decoration: none;
  color: #000;
  overflow: hidden;
  line-height: 2.75rem;
  background-color: rgb(255, 255, 255);
  z-index: 999;
}
.top-one {
  width: 2.75rem;
  height: 2.75rem;
}
.title {
  height: 2.75rem;
  line-height: 2.75rem;
  font-size: 1.0625rem;
  width: 14.5rem;
  text-align: center;
  color: #000;
}
.top img {
  margin: .625rem 0 0 -0.3125rem;
  width: 1.5rem;
  height: 1.5rem;
  display: block;
}

.yanzheng {
  width: 16.875rem;
  height: 7.5rem;
  margin: 0 auto;
  font-size: 1rem;
  color: #000;
}
.yanzheng-phone {
  margin-top: 1.25rem;
  position: relative;
  box-sizing: border-box;
  height: 3.125rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  overflow: hidden;

  background: #fff;
  border-bottom: .0625rem solid #efefef;
  font-size: 1rem;
  color: #000;
  display: flex;
}
.phoneSelect {
  position: absolute;
  width: 4.5rem;
  height: 3.125rem;
  top: 0;
  left: 0;
  line-height: 3.125rem;
  border: none !important;
}
.phoneSelect input {
  border: none;
  font-size: 1rem;
  color: #000;
  height: 3.125rem !important;
  line-height: 3.125rem !important;
  width: 4.5rem;
  padding-left: 0;
  padding-right: .75rem !important;
}
.phone {
  width: 12.5rem;
  padding-left: 4.5rem;
  height: 100%;
  box-sizing: border-box;
  outline: none;
  border: none !important;
}
.input-container {
  margin-top: 1.25rem;
  position: relative;
  box-sizing: border-box;
  height: 3.125rem;
  padding-top: .625rem;
  padding-bottom: .625rem;
  overflow: hidden;
  background: #fff;
  border-bottom: .0625rem solid #efefef;
  display: flex;
}
.input-container input {
  padding-right: .625rem;
  font-size: 1rem;
  width: 10rem;
  border: none;
  outline: none;
}
.input-container button {
  border: none;
  outline: none;
  border-left: .0625rem solid #ccc;
  background: #fff;
  color: #848689;
  font-size: .875rem;
  width: 6.875rem;
}
.button1 {
  margin-top: 1.875rem;
  width: 16.875rem;
  height: 3.125rem;
  border-radius: 1.5625rem;
  background-color: rgb(255, 189, 179);
  border: none;
  color: #fff;
  font-size: 1rem;
}
.button2 {
  margin-top: .625rem;
  width: 16.875rem;
  height: 3.125rem;
  border-radius: 1.5625rem;
  background-color: #fff;
  border: none;
  color: #f10000;
  font-size: 1rem;
  border: .0625rem solid #ff2000;
}

.divbtn {
  color: rgba(0, 0, 0, 0.4);
  font-size: .875rem;
  margin-top: 1.25rem;
  overflow: hidden;
  height: 1.1875rem;
  display: flex;
  justify-content: space-between;
  line-height: 1.1875rem;
}
.shopcart_mod_title {
  position: relative;
  top: 5rem;
  height: .75rem;
  line-height: .75rem;
  text-align: center;
  font-size: .75rem;
  color: #999;
}
.shopcart_mod_title_text {
  z-index: 2;
  position: relative;
  padding: 0 .9375rem;

  margin: .875rem 0;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  font-size: .75rem;
  color: rgba(0, 0, 0, 0.2);
  width: 8.75rem;
}

.shopcart_mod_title::before,
.shopcart_mod_title::after {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
  background-color: #ccc;
  height: .0625rem;
  width: 4.0625rem;
  color: rgba(0, 0, 0, 0.2);
  top: 50%;
}

.shopcart_mod_title::before {
  left: 0;
}
.shopcart_mod_title::after {
  right: 0;
}
.tubiao {
  margin-top: 6.6875rem;
  margin-bottom: .75rem;
  margin-left: auto;
  margin-right: auto;
  width: 8.125rem;
  display: flex;
  justify-content: space-between;
}
.tubiao img {
  width: 2.5rem;
  height: 2.5rem;
}
.tubiao-qq {
  font-size: .75rem;
  text-align: center;
  color: rgba(0, 0, 0, 0.4);
}
.tubiao-wx {
  font-size: .75rem;
  text-align: center;
  color: rgba(0, 0, 0, 0.4);
}
.tongzhi {
  text-align: center;
  font-size: .8125rem;
  color: rgba(0, 0, 0, 0.3);
  margin-top: .9375rem;
}
.tongzhi a {
  color: #4a90e2;
  text-decoration: none;
}
</style>
<style >
.el-input__inner {
  border: none;
}
.active {
  color: #ff2000 !important;
}
.active1 {
  background-color: rgb(255, 43, 5) !important;
}
</style>
<style>
.phoneSelect input {
  border: none;
  font-size: 1rem;
  color: #000;
  height: 3.125rem !important;
  line-height: 3.125rem !important;
  width: 4.5rem;
  padding-left: 0;
  padding-right: .75rem !important;
}
</style>
